import React from "react";

export default function () {
  return (
    <>
      <h2>Scaffold（脚手架）</h2>
      <p>Scaffold为一个页面的基础布局</p>
      <table border="1">
        {[
          ["appBar", "标题栏"],
          ["body", "用于显示当前界面主要内容的Widget"],
          ["floatingActionButton", "一个悬浮在body上的按钮，默认显示在右下角"],
          [
            "floatingActionButtonLocation",
            "用于设置floatingActionButton显示的位置",
          ],
          [
            "floatingActionButtonAnimator",
            "floatingActionButton移动到一个新的位置时的动画",
          ],
          ["persistentFooterButtons", "多状态按钮"],
          ["drawer", "左侧的抽屉菜单"],
          ["endDrawer", "右侧的抽屉菜单"],
          ["bottomSheet", "显示在底部的工具栏"],
          ["backgroundColor", "内容的背景颜色"],
          [
            "resizeToAvoidBottomPadding",
            "控制界面内容 body 是否重新布局来避免底部被覆盖，比如当键盘显示的时候，重新布局避免被键盘盖住内容。",
          ],
          ["primary", " Scaffold是否显示在页面的顶部"],
        ].map((d, i) => (
          <tr key={i}>
            <td>{d[0]}</td>
            <td>{d[1]}</td>
          </tr>
        ))}
      </table>
    </>
  );
}
